<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Book Shopping</title>
	<script src="js/jquery-1.4min.js" type="text/javascript"></script>
    <script src="js/menu.js" type="text/javascript"></script>
    <script src="js/jquery.lightbox.js" type="text/javascript"></script>
	
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/menu.css"/>
    <link rel="stylesheet" type="text/css" href="css/lightbox.css"/>
    	<script>
		$(document).ready(function(){
			$(".lightbox").lightbox();
		});

	</script>
</head>

<body>
<div class="body">
	<div id="top">
    	<div class="site" style="position:relative;">
        	www.zend.vn
        </div>
    </div>
    
    <div id="banner">
    	<div class="logo">
        	<a href="#"><img src="images/logo.png" /></a>
        </div>
        <div class="clr"></div>
    </div>

	<div id="menu">
   	  <div class="line-1">
        	<ul class="menu-top">
            	<li class="active">
                        <span class="menuTL"> </span>
                        <span class="menuTC">Home</span>
                        <span class="menuTR"> </span>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">About Us</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">Products</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">News</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
                <li>
                	<a href="#" class="menuTop">
                        <span class="menuTL"> </span>
                        <span class="menuTC">Contact</span>
                        <span class="menuTR"> </span>
                    </a>
                </li>
            </ul>
        </div>
        <div class="line-2"></div>
    </div>
    <div id="main-content">
    	<div class="frame">
        	
        	<div id="left">
            	<div id="block">
                	<div class="header-orange">
                    	<div class="icon"></div>
                        <div class="title">VIDEO CLIP</div>
                        <div class="clr"></div>
                     </div>
                     <div class="block-content">
                     	<img src="images/player.jpg" />
                     </div>
                </div>
                <div id="block">
                	<div class="header-brown">
                    	<div class="icon"></div>
                        <div class="title">CATEGORIES</div>
                        <div class="clr"></div>
                     </div>
                     <div class="block-content">
						<div id="menu-vertical">
                     	<ul>
                        <li>
                            <a href="#">Máy tính & Internet</a>
                            <ul>
                                <li>
                                    <a href="#">Lập trình</a>
                                    <ul>
                                        <li><a href="#">PHP</a></li>
                                        <li><a href="#">ASP</a></li>
                                        <li><a href="#">C#</a></li>
                                        <li><a href="#">Java</a></li>
                                        <li><a href="#">Visual Basic</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Phần mềm</a>
                                    <ul>
                                        <li><a href="#">Window</a></li>
                                        <li><a href="#">Adobe</a></li>
                                        <li><a href="#">Apple</a></li>
                                        <li><a href="#">Linux</a></li>
                                        <li><a href="#">Opensource</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Khoa học Máy tính</a></li>
                                <li><a href="#">Phát triển Web</a></li>
                                <li><a href="#">Thiết kế đồ họa</a></li>
                                <li><a href="#">Mạng</a></li>
                                <li><a href="#">Bảo mật và mã hóa</a></li>
                                <li><a href="#">Phần cứng</a></li>
                                <li><a href="#">Viễn thông</a></li>
                                <li><a href="#">Microsoft</a></li>
                                <li><a href="#">Cơ sở dữ liệu</a></li>
                            </ul>
                    
                        </li>
                        <li>
                            <a href="#">Kinh doanh & Đầu tư</a>
                            <ul>
                                <li><a href="#">Tiếp thị & Bán hàng</a></li>
                                <li><a href="#">Doanh nghiệp</a></li>
                                <li><a href="#">Kế toán</a></li>
                                <li><a href="#">Chuyên ngành</a></li>
                                <li><a href="#">Quản lý và Lãnh đạo</a></li>
                                <li><a href="#">Kỹ năng</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Chuyên nghành và kỹ thuật</a>
                            <ul>
                                <li><a href="#">Quản lý kinh doanh</a></li>
                                <li><a href="#">Kế toán & Tài chính</a></li>
                                <li><a href="#">Kỹ thuật</a></li>
                                <li><a href="#">Giáo dục</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Khoa học & Ngoại ngữ</a>
                            <ul>
                                <li><a href="#">Ngoại ngữ</a></li>
                                <li><a href="#">Khoa học xã hội</a></li>
                                <li><a href="#">Giáo dục</a></li>
                                <li><a href="#">Viễn tưởng</a></li>
                                <li><a href="#">Nghiên cứu</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Y tế, Tâm thức và cơ thể</a></li>
                        <li><a href="#">Truyện tranh</a></li>
                        <li><a href="#">Gia đình & con cái </a></li>                           
                    </ul>
					</div>
                     </div>
                </div>
            </div>
            <div id="center">
	            <div id="block-center" style="position: relative;">
                	<img src="images/banner.jpg" />
                </div>
                <div id="block-center" style="position: relative;">
                	<div class="header-brown">
                    	<div class="icon"></div>
                        <div class="title"> BOOK DETAIL</div>
                        <div class="clr"></div>
                  </div>
                     <div class="block-content-1">
                     	<div id="products-detail">
                        	<h1 class="title">Pro Zend Framework Techniques: Build a Full CMS Project (Expert's Voice) </h1>
                            <div>
	                            <div class="product-img"><img src="images/db001.jpg" /></div>
                            	<div class="product-all">
                                	<div class="row" style="padding-top: 20px">
                                    	<span class="bold">Author:</span> Luke Welling</div>
                                    <div class="row"><span class="bold">Publish date:</span> 20-10-2010</div>
                                     <div class="row"><span class="bold">Price:</span> $100</div>
                                     <div class="row"><span class="bold">Saleoff:</span> $460</div>
                                     <div class="row">
                                     		Dolore Mam libero tempore massa estumede 
                                            soluta nobis est eligendi omnis volutasassumenda est, 
                                            omnis doloresed repeledusempquibusdamet aut rerum odes 
                                            neceset voluptateestu repudiandae sint et molestiae non recus
                                     </div>
                                </div>
                                
                                <div class="content"> 
                                    Duis autem vel eum iriure dolor in hendreri in vulputate velit esse molestie consequat, 
                                    vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio 
                                    dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla 
                                    facilisi. 
                                    <br /><br />
                                    Lorem ipsum dolor sit amet, consectetuer adi piscing elit, sed diam nonummy nibh euismod 
                                    tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                    <br /><br />
                                    Ut wisi enim ad minim veniam. 
                                    <br /><br />
                                    Duis autem vel eum iriure dolor in hendreri in vulputate velit esse molestie consequat, 
                                    vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim 
                                    qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 
                                    <br /><br />
                                    Lorem ipsum dolor sit amet, consectetuer adi piscing elit, sed diam nonummy nibh euismod
                                    tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                     <br /><br />
                                    Ut wisi enim ad minim veniam. 
                                    Duis autem vel eum iriure dolor in hendreri in vulputate velit esse molestie consequat, 
                                    vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio 
                                    dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla 
                                    facilisi. 
                                    <br /><br />
                                    Lorem ipsum dolor sit amet, consectetuer adi piscing elit, sed diam nonummy nibh euismod 
                                    tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                    <br /><br />
                                    Ut wisi enim ad minim veniam. 
                                    <br /><br />
                                    Duis autem vel eum iriure dolor in hendreri in vulputate velit esse molestie consequat, 
                                    vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim 
                                    qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. 
                                    <br /><br />
                                    Lorem ipsum dolor sit amet, consectetuer adi piscing elit, sed diam nonummy nibh euismod
                                    tincidunt ut laoreet dolore magna aliquam erat volutpat.
                                     <br /><br />
                            	</div>
                                
                            </div>
                            
                       
                        </div>
                     
                  </div>
                </div>
            </div>
            <div id="right" style="position:relative;">
            <div id="block">
                        <div class="cart">
		                 	<div class="icon-cart">
                            	<div class="icon-text-1">
                                	Giỏ hàng
                                </div>
                                <div class="icon-text-2">
                                	Hiện nay có 0 sản phẩm 
                                </div>
                            </div> 			
		                 </div>
	                </div>
            	
                <div id="block">
                	<div class="header-brown">
                    	<div class="icon"></div>
                        <div class="title">TOP PRODUCTS</div>
                        <div class="clr"></div>
                     </div>
                     <div class="block-content">
                     	<div class="top-book">
                        	<div class="item-right"> <a href="#"><img src="images/ebook-001.jpg" /></a>
                            </div>
                            <div class="item-right"> <a href="#"><img src="images/ebook-001.jpg" /></a>
                            </div>
                            <div class="item-right"> <a href="#"><img src="images/ebook-001.jpg" /></a>
                            </div>
                        </div>
                     </div>
                </div>
            </div>
            
            
            <div class="clr"></div>
        </div>
    </div>
    <div id="footer">
    
    </div>
    
</div>
</body>
</html>
